<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:pe="http://primefaces.org/ui/extensions"
	template="/template.xhtml">

	<ui:define name="css">
		<h:outputStylesheet library="css" name="estilo.css" />
		<style type="text/css">
.ui-selectonemenu-label {
	width: 100% !important;
	padding-right: 98px;
	text-align: right;
	vertical-align: top;
}

.ui-selectonemenu {
	width: 100% !important;
}
</style>
	</ui:define>
	<ui:define name="title"> Bidman</ui:define>
	<ui:define name="conteudo">
		<h:form id="form" enctype="multipart/form-data" style="margin:auto">
			<p:panel header="Cadastro de Edital"
				style="font-size:22px;margin:auto;text-align: center;">
				<h:panelGrid columns="3" rowClasses="titulo,local,categoria,produto" columnClasses="first,second,third" style="margin:auto;font-size:12px;">
					<h:outputText value="Titulo: "
						style="font-weight: bold;color:#404040" />
					<p:inputText id="title" value="#{editalController.edital.titulo}"
						required="true" requiredMessage="Campo Obrigatório" />
					<p:message for="title" display="text" />
					<h:outputText value="Local: "
						style="font-weight: bold;color:#404040" />
					<p:inputText id="loc" value="#{editalController.edital.local}"
						required="true" requiredMessage="Campo Obrigatório" />
					<p:message for="loc" display="text" />
							<h:outputText value="Categoria "
								style="font-weight: bold;color:#404040" />
							<p:selectOneMenu id="categoria"
								value="#{editalController.edital.categoria}" required="true"
								requiredMessage="Campo Obrigatório">
								<f:selectItem itemValue="1" itemLabel="Carros e Motos" />
								<f:selectItem itemValue="2" itemLabel="Caminões e Ônibus" />
								<f:selectItem itemValue="3" itemLabel="Imóveis" />
								<f:selectItem itemValue="4"
									itemLabel="Industrial, Máquinas e Equipamentos" />
								<f:selectItem itemValue="5"
									itemLabel="Máquinas Pesadas e Agrícolas" />
								<f:selectItem itemValue="6"
									itemLabel="Movimentação e Transporte" />
								<f:selectItem itemValue="7"
									itemLabel="Sucatas, Materias e Resíduos" />
								<f:selectItem itemValue="8"
									itemLabel="Eletro Eletrônicos, Informática e Bazar" />
								<f:selectItem itemValue="9"
									itemLabel="Móveis, Casa e Iluminação" />
								<f:selectItem itemValue="10" itemLabel="Vinhos, Viagens e Lazer" />
								<f:selectItem itemValue="11" itemLabel="Negócios" />
							</p:selectOneMenu>
							<br/>
					<h:outputText value="Produto/Servico"
						style="font-weight: bold;color:#404040" />
					<p:selectOneMenu id="prd"
						value="#{editalController.produtoServico}" required="true"
						requiredMessage="Campo Obrigatório">
						<f:selectItems value="#{editalController.produtosServicos}"
							var="_prods" itemLabel="#{_prods.descricao}"
							itemValue="#{_prods}" />
					</p:selectOneMenu>
					<p:message for="prd" display="text" />
					<h:outputText value="Quantidade de Produto: "
						style="font-weight: bold;color:#404040" />
					<pe:inputNumber id="qtd" thousandSeparator="." decimalSeparator=","
						value="#{editalController.edital.quantidadeProduto}"
						required="true" requiredMessage="Campo Obrigatório" />
					<p:message for="qtd" display="text" />
					<h:outputText value="Valor Máximo: "
						style="font-weight: bold;color:#404040" />
					<pe:inputNumber id="valormax" thousandSeparator="."
						decimalSeparator="," required="true"
						value="#{editalController.edital.valor_max}" symbol="R$ "
						requiredMessage="Campo Obrigatório" />
					<p:message for="valormax" display="text" />
					<h:outputText value="Decremento Mínimo: "
						style="font-weight: bold;color:#404040" />
					<pe:inputNumber id="decrementomin" thousandSeparator="."
						decimalSeparator="," required="true"
						value="#{editalController.edital.decrementoMinimo}" symbol="R$ "
						requiredMessage="Campo Obrigatório" />
					<p:message for="decrementomin" display="text" />
					<h:outputText value="Data Incial: "
						style="font-weight: bold;color:#404040" />
					<p:calendar id="dtinicio" styleClass="dateTimeField"
						value="#{editalController.edital.data_inicio}"
						pattern="dd/MM/yyyy HH:mm" showButtonPanel="true" showOn="button"
						required="true" requiredMessage="Campo Obrigatório" stepMinute="5" />
					<p:message for="dtinicio" display="text" />
					<h:outputText value="Data Final: "
						style="font-weight: bold;color:#404040" />
					<p:calendar id="dtfim" value="#{editalController.edital.data_fim}"
						styleClass="dateTimeField" pattern="dd/MM/yyyy HH:mm"
						showButtonPanel="true" showOn="button" required="true"
						requiredMessage="Campo Obrigatório" stepMinute="5" />
					<p:message for="dtfim" display="text" />
					<br />
					<p:column colspan="3">
						<p:commandButton action="#{editalController.salvarEdital}"
							value="Salvar" icon="ui-icon ui-icon-plus" update="form" />
						<p:commandButton action="#{editalController.cancelarEdital}"
							value="Cancelar" icon="ui-icon ui-icon-cancel" immediate="true" />
					</p:column>
				</h:panelGrid>
			</p:panel>
		</h:form>
	</ui:define>
</ui:composition>